ul,
ol,
li {
  list-style: none;
}
a {
  text-decoration: none;
  cursor: pointer;
}
* {
  margin: 0;padding: 0;outline: none;font-family: Microsoft YaHei,Helvetica;
}
.dlb{
    display: inline-block;
}
.clear{
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 加载中 */
.loading{
    width: 100%;
    text-align: center;
}
.loading span{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin-right: 15px;
    border-radius: 50%;
    background: #f90;
}

@keyframes myFrames{
    0% {
        transform: scale(0.8)
    }
    20% {
        transform: scale(0.6)
    }
    40% {
        transform: scale(0.4)
    }
    60% {
        transform: scale(0.6)
    }
    80% {
        transform: scale(0.8)
    }
    100% {
        transform: scale(1)
    }
}
@-webkit-keyframes myFrames{
    0% {
        -webkit-transform: scale(0.8)
    }
    20% {
        -webkit-transform: scale(0.6)
    }
    40% {
        -webkit-transform: scale(0.4)
    }
    60% {
        -webkit-transform: scale(0.6)
    }
    80% {
        -webkit-transform: scale(0.8)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
.loading span{
    animation: myFrames 1.2s ease infinite;
    -webkit-animation: myFrames 1.2s ease infinite;
}
.loading span:nth-of-type(2){
    animation-delay: 200ms;
}
.loading span:nth-of-type(3){
    animation-delay: 400ms;
}